$(function() {
   let $confirm = $("#test-search");


    //查找
    $confirm.click(function () {
        let sIdcn = $("#idcn option:selected").val();
        let Start_time = $("#start_time").val();
        let End_time = $("#end_time").val();
        let sZb = $("#idczb option:selected").val();
        let sJj = $("#idcjj option:selected").val();

        let data = {
            "idcn_id":sIdcn,
            "start_time":Start_time,
            "end_time":End_time,
            "zb":sZb,
            "jj":sJj,
        };
        $.ajax({
            url:'/admin/column/',
            // 请求方式
            type: "POST",
            dataType: "json",
            data: JSON.stringify(data),
        })
        .done(function (res) {
            if (res.errno === "0") {
                message.showSuccess("查找成功");
                // 基于准备好的dom，初始化echarts实例
                    if (res.data.pro_inf && res.data.pro1_inf && res.data.pro4_inf){
                        var myChart = echarts.init(document.getElementById('main'));
		var ce12 = res.data.pro1_inf;
		 console.log(sortByKey(ce12,'value','desc'));//
            var ce1= sortByKey(ce12,'value','desc')
        // 传入数组重新排序,排序功能（arr多维数组，key多维数组键名，order升序或降序）
        　　function sortByKey(arr,key,order){
        　　　　for(i=0;i<arr.length;i++){
        　　　　for(j=i+1;j<arr.length;j++){
        　　　　if(order=='desc'){
        　　　　if(parseFloat(arr[i][key])<=parseFloat(arr[j][key])){
        　　　　var min=arr[i];
        　　　　arr[i]=arr[j];
        　　　　arr[j]=min;
        　　　　}
        　　}else{
        　　　　if(parseFloat(arr[i][key])>=parseFloat(arr[j][key])){
        　　　　　　var max=arr[i];
        　　　　　　arr[i]=arr[j];
        　　　　　　arr[j]=max;
        　　　　　}
        　　　　}
        　　}
        }
        return arr;
        }
		var ce = res.data.pro_inf;

		var idcArr = ce.reduce(function(arr2,ce){
            arr2.push(ce.idc)
            return arr2
        },[]);

        // var nameArr = ce1.reduce(function(arr3,ce1){
        //     arr3.push(ce1.idc_name)
        //     return arr3
        // },[]);
        var option = {
			title: {
				text: idcArr[0]+'的工单类型占比图',
				// subtext: '正确的决策来自众人的智慧',
				left: 'center'
			},
			tooltip: {
				trigger: 'item',
				formatter: '{a} <br/>{b} : {c} ({d}%)'
			},
			// legend: {
			// 	orient: 'vertical',
			// 	left: 'left',
			// 	data: nameArr
			// },
			series: [
				{
					name: '工单类型',
					type: 'pie',
					radius: '77%',
					center: ['50%', '55%'],
					data: ce1,
					itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    },
                    normal:{
                        label:{
                            show: true,
                            formatter: '{b} : {c} ({d}%)'
                        },
                        labelLine :{show:true}
                    }
					}
				}

			]
		};
		myChart.setOption(option);

		var myChart1 = echarts.init(document.getElementById('main1'));
        var houseArr = ce.reduce(function(arr,ce){
            arr.push(ce.hcount)
            return arr
        },[]);
        var nameArr = ce.reduce(function(arr1,ce){
            arr1.push(ce.name)
            return arr1
        },[]);

        // 指定图表的配置项和数据
        var option1 = {
            title: {
                text: idcArr[0]+'的工单耗时统计'
            },
            tooltip: {
				show: true
					},
            tooltip: {},
            legend: {
                data:['工时']
            },
            xAxis: {
                data:nameArr
            },
            yAxis: {},
            series: [{
                name: '工单耗时',
                type: 'bar',
                itemStyle: {
							normal: {
								label: {
									show: true, //开启显示
									position: 'top', //在上方显示
									textStyle: { //数值样式
										color: 'black',
										fontSize: 16
									}
								}
							}
						},
                data: houseArr

            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart1.setOption(option1);
        $(".news").html("")

        res.data.pro4_inf.forEach(function (one_contents) {
            let content=`<tr>
						<th class="intention-wh">${one_contents.name}</th>
						<td class="content-wh">${one_contents.value}</td>
						<td class="content-wh">${one_contents.hcount}</td>
					</tr>`;
                            $(".news").append(content);
                        })
                        res.data.pro5_inf.forEach(function (one_contents) {
            let content=`<tr>
						<th class="intention-wh">合计数量</th>
						<td class="content-wh">${one_contents.all}</td>
						<td class="content-wh">${one_contents.hall}</td>
					</tr>`;
                            $(".news").append(content);
                        })
                        res.data.pro6_inf.forEach(function (one_contents) {
            let content=`<tr>
						<th class="intention-wh">人均数量</th>
						<td class="content-wh">${one_contents.all}</td>
						<td class="content-wh">${one_contents.hall}</td>
					</tr>`;
                            $(".news").append(content);
                        })

        myChart1.on('click', function(param) {

            let data = {
                'name': param.name,
                "start_time": Start_time,
                "end_time": End_time,
                "zb":sZb,
                "jj":sJj,
            }
            $.ajax({
                url: '/admin/column/',
                // 请求方式
                type: "PUT",
                dataType: "json",
                data: JSON.stringify(data),
            })
                .done(function (res) {
                    if (res.errno === "0") {
                        message.showSuccess("查找成功");
                        $(".news").html("")
                        // 基于准备好的dom，初始化echarts实例
                        var myChart4 = echarts.init(document.getElementById('main'));
                        var ce11 = res.data.pro3_inf

                        console.log(sortByKey(ce11,'value','desc'));//
            var ce4= sortByKey(ce11,'value','desc')
        // 传入数组重新排序,排序功能（arr多维数组，key多维数组键名，order升序或降序）
        　　function sortByKey(arr,key,order){
        　　　　for(i=0;i<arr.length;i++){
        　　　　for(j=i+1;j<arr.length;j++){
        　　　　if(order=='desc'){
        　　　　if(parseFloat(arr[i][key])<=parseFloat(arr[j][key])){
        　　　　var min=arr[i];
        　　　　arr[i]=arr[j];
        　　　　arr[j]=min;
        　　　　}
        　　}else{
        　　　　if(parseFloat(arr[i][key])>=parseFloat(arr[j][key])){
        　　　　　　var max=arr[i];
        　　　　　　arr[i]=arr[j];
        　　　　　　arr[j]=max;
        　　　　　}
        　　　　}
        　　}
        }
        return arr;
        }

                        var nameArr = ce1.reduce(function (arr3, ce1) {
                            arr3.push(ce1.name)
                            return arr3
                        }, []);
                        var option4 = {
                            title: {
                                text: param.name + '的工单类型占比图',
                                // subtext: '正确的决策来自众人的智慧',
                                left: 'center'
                            },
                            tooltip: {
                                trigger: 'item',
                                formatter: '{a} <br/>{b} : {c} ({d}%)'
                            },
                            // legend: {
                            // 	orient: 'vertical',
                            // 	left: 'left',
                            // 	data: nameArr
                            // },
                            series: [
                                {
                                    name: '工单类型',
                                    type: 'pie',
                                    radius: '77%',
                                    center: ['50%', '55%'],
                                    data: ce4,
                                    itemStyle: {
                                        emphasis: {
                                            shadowBlur: 10,
                                            shadowOffsetX: 0,
                                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                                        },
                                        normal: {
                                            label: {
                                                show: true,
                                                formatter: '{b} : {c} ({d}%)'
                                            },
                                            labelLine: {show: true}
                                        }
                                    }
                                }

                            ]
                        };
                        myChart4.setOption(option4);




                    } else {
                message.showError(res.errmsg);
                }

                })
            .fail(function () {
                message.showError("服务器超时,请重试")
            })

        });

                    }else{
                        $(".news").html("")

                        res.data.pro4_inf.forEach(function (one_contents) {
            let content=`<tr>
						<th class="intention-wh">${one_contents.name}</th>
						<td class="content-wh">${one_contents.value}</td>
						<td class="content-wh">${one_contents.hcount}</td>
					</tr>`;
                            $(".news").append(content);
                        })
                        res.data.pro5_inf.forEach(function (one_contents) {
            let content=`<tr>
						<th class="intention-wh">合计数量</th>
						<td class="content-wh">${one_contents.all}</td>
						<td class="content-wh">${one_contents.hall}</td>
					</tr>`;
                            $(".news").append(content);
                        })
                        res.data.pro6_inf.forEach(function (one_contents) {
            let content=`<tr>
						<th class="intention-wh">人均数量</th>
						<td class="content-wh">${one_contents.all}</td>
						<td class="content-wh">${one_contents.hall}</td>
					</tr>`;
                            $(".news").append(content);
                        })

                        var myChart = echarts.init(document.getElementById('main'));
                        var ce10 = res.data.pro3_inf;

              　console.log(sortByKey(ce10,'value','desc'));//
            var ce3= sortByKey(ce10,'value','desc')
        // 传入数组重新排序,排序功能（arr多维数组，key多维数组键名，order升序或降序）
        　　function sortByKey(arr,key,order){
        　　　　for(i=0;i<arr.length;i++){
        　　　　for(j=i+1;j<arr.length;j++){
        　　　　if(order=='desc'){
        　　　　if(parseFloat(arr[i][key])<=parseFloat(arr[j][key])){
        　　　　var min=arr[i];
        　　　　arr[i]=arr[j];
        　　　　arr[j]=min;
        　　　　}
        　　}else{
        　　　　if(parseFloat(arr[i][key])>=parseFloat(arr[j][key])){
        　　　　　　var max=arr[i];
        　　　　　　arr[i]=arr[j];
        　　　　　　arr[j]=max;
        　　　　　}
        　　　　}
        　　}
        }
        return arr;
        }

                        var option = {
                            title: {
                                text: '全部机房工单类型占比图',
                                // subtext: '正确的决策来自众人的智慧',
                                left: 'center'
                            },
                            tooltip: {
                                trigger: 'item',
                                formatter: '{a} <br/>{b} : {c} ({d}%)'
                            },
                            series: [
                                {
                                    name: '工单类型',
                                    type: 'pie',
                                    radius: '77%',
                                    center: ['50%', '55%'],
                                    data: ce3,
                                    itemStyle: {
                                        emphasis: {
                                            shadowBlur: 10,
                                            shadowOffsetX: 0,
                                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                                        },
                                        normal: {
                                            label: {
                                                show: true,
                                                formatter: '{b} : {c} ({d}%)'
                                            },
                                            labelLine: {show: true}
                                        }
                                    }
                                }

                            ]
                        };
                        myChart.setOption(option);

                        var myChart1 = echarts.init(document.getElementById('main1'));
                        var ce2 = res.data.pro2_inf;
        var houseArr = ce2.reduce(function(arr,ce){
            arr.push(ce.hcount)
            return arr
        },[]);
        var nameArr = ce2.reduce(function(arr1,ce){
            arr1.push(ce.name)
            return arr1
        },[]);

        // 指定图表的配置项和数据
        var option1 = {
            title: {
                text: '全部机房的工单耗时统计'
            },
            tooltip: {
				show: true
					},
            tooltip: {},
            legend: {
                data:['工时']
            },
            xAxis: {
                data:nameArr
            },
            yAxis: {},
            series: [{
                name: '工单耗时',
                type: 'bar',
                itemStyle: {
							normal: {
								label: {
									show: true, //开启显示
									position: 'top', //在上方显示
									textStyle: { //数值样式
										color: 'black',
										fontSize: 16
									}
								}
							}
						},
                data: houseArr

            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart1.setOption(option1);




                    }



                } else {
                message.showError(res.errmsg);
            }
        })
        .fail(function () {
                message.showError("服务器超时,请重试")
            })

    })


});